<template>
	<view class="header flex-direction-column">
		<view class="title">
			<view class="title_h flex">
				<image class="pic" mode="aspectFill" :src="props.info.cover"></image>
				<view class="title_text flex-direction-column">
					<view class="title_text_top">
						{{props.info.active_name}}
					</view>
					<view class="title_text_bottom">
						{{props.info.group_name}}
					</view>
				</view>
			</view>
			<view class="bottom flex">
				<image class="pic_dingwei" src="/static/icon/dingwei.png"></image>
				<view class="bottom_text">{{props.info.address}}</view>
			</view>
			<view class="bottom flex" style="margin-top: 10rpx;">
				<image class="pic_dingwei2" src="/static/icon/naozhong.png"></image>
				<view class="bottom_text">{{props.info.create_time}}</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		info: {
			type: Object,
			default() {
				return {}
			}
		}
	})
	console.log('--p-0-');
	console.log(props.info)
</script>

<style lang="scss" scoped>
	.header {
		width: 702rpx;
		background: rgba(255, 255, 255);
		padding: 24rpx 26rpx 30rpx 26rpx;
		border-radius: 20rpx;
		.title {
			width: 100%;
			.title_h{
				.pic {
					width: 186rpx;
					height: 142rpx;
					background: black;
				}
				.title_text{
					margin-left: 16rpx;
					.title_text_top{
						width: 438rpx;
						height: 84rpx;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: bold;
						line-height: 42rpx;
						color: #000000;
						opacity: 1;
					}
					.title_text_bottom{
						height: 40rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 400;
						line-height: 40rpx;
						color: #999999;
						opacity: 1;
					}
				}
			}
		}
		.bottom{
			margin-top: 36rpx;
			.pic_dingwei{
				width: 28rpx;
				height: 32rpx;
			}
			.pic_dingwei2{
				width: 28rpx;
				height: 28rpx;
			}
			.bottom_text{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #999999;
				opacity: 1;
				margin-left: 14rpx;
			}
		}
	}
</style>